import React from 'react'
import { Tabbar } from 'react-vant'
import { WapHomeO, ChatO, HomeO, HotelO, Contact } from '@react-vant/icons'
import Link from 'next/link'
const tabbar = () => {
  return (
    <div>
      <Tabbar>
        <Tabbar.Item icon={<WapHomeO />}>
          <Link href="/home/home/first">
            <a>首页</a>
          </Link>
        </Tabbar.Item>
        <Tabbar.Item icon={<ChatO />}>
          <Link href="/home/home/message">
            <a>消息</a>
          </Link>
        </Tabbar.Item>
        <Tabbar.Item icon={<HomeO />}>
          <Link href="/home/home/myhome">
            <a>我家</a>
          </Link>
        </Tabbar.Item>
        <Tabbar.Item icon={<HotelO />}>
          <Link href="/home/home/goodroom">
            <a>必看好房</a>
          </Link>
        </Tabbar.Item>
        <Tabbar.Item icon={<Contact />}>
          <Link href="/home/home/mine">
            <a>个人中心</a>
          </Link>
        </Tabbar.Item>
      </Tabbar>
    </div>
  )
}

export default tabbar
